<template>
    <div>
        <van-nav-bar title="客服端"  />
        <div class="news" v-for="item in 7" :key="item" @click="dj(item)">
            <img src="https://img2.baidu.com/it/u=3094149767,177600321&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1668013200&t=560043b1fbfe757f4cea8037c9e79025" alt="">
            <div style="display: flex; flex-direction: column; justify-content: space-around;margin-left: 10px;">
               <div>名字</div>
               <div style="font-size:13px;color: #909090;">[条数]内容</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            
        }
    },
    methods:{
        dj(id){
            this.$router.push({name:"test7kefuchat",query:id})
        }
    }
}
</script>
<style lang='scss' scoped>
.news{
    display: flex;
    margin: 5px;
}
img{
    height: 50px;
    width:50px;
    padding: 3px;
    border-radius: 10px;
}

</style>
